<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Expires" content="0" />
</head>
<body style="
width: 100%;
height: 100%;
overflow: hidden;
">
<div style="left: 100px;top:200px;position: relative;width: 100%;height: 800px;display: flex;">
     <iframe id="test" src="demo.html" width="40%" height="100%">

     </iframe>
     <iframe id="test1" src="demo2.html" width="40%" height="100%">

     </iframe>
</div>
<script src="../jquery-1.7.1.min.js"></script>
</body>
</html>